<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="https://www.vmall.com/favicon.ico">
    
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet/less" href="./less/header.less">
    <link rel="stylesheet/less" href="./less/nav.less">
    <link rel="stylesheet/less" href="./less/aside.less">
    <link rel="stylesheet/less" href="./less/footer.less">
    <link rel="stylesheet/less" href="./less/Personal-Center.less">
    
    <title>个人中心</title>
    <style>
        @media screen and (min-width:1200px) {
            .pc_width{width: 1200px;}

            .Carousel{width:100vw}
            .carousel-control-prev{left: 195px;}
            .carousel-control-next{right: -12px;}
            .leftNav{left: 0%;}
        }
        @media screen and (max-width:1200px) {
            .pc_width{width: 100%;}

            .Carousel{width:100%}
            .carousel-control-prev{left: 195px;}
            .carousel-control-next{right: 5px;}
            .leftNavBox{width: 100%;}
            .leftNav{left: 1.5px;}
        }
        /* body{height: 3000px;} */
        body{
            position: relative;
            background-color: rgba(241, 243, 245, 1);
        }
        body div{
            font-family: 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif !important;
        }
        .flexBox{display: flex;}
        .pc_width{
            margin: auto;
            /* width: 1200px; */
        }
        main{
            position: relative;
        }
    </style>
</head>
<body>
    <header>
        <div class="pc_width">
            <div class="main flexBox">
                <div class="toolBar_left">
                    <ul>
                        <li><a href="/index.html">首页</a></li>
                        <li><a href="#">华为官网</a></li>
                        <li><a href="#">花粉俱乐部</a></li>
                        <li><a href="#">V码(优购码)</a></li>
                        <li><a href="#">企业购</a></li>
                        <li><a href="#">Select Region</a></li>
                        <li class="drop">
                            <a href="#">更多精彩</a>
                            <dl class="dropdown more">
                                <dt><a href="#">HarmonyOS</a></dt>
                                <dt><a href="#">应用市场</a></dt>
                                <dt><a href="#">华为终端云空间</a></dt>
                                <dt><a href="#">开发者联盟</a></dt>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="toolBar_right">
                    <ul>
                        <li><a href="/Personal-Center.html">欢迎您！le***hh</a></li>
                        <li><a href="#">退出</a></li>
                        <li><a href="/Personal-Center.html">我的订单</a></li>
                        <li class="drop">
                            <a href="#">客服</a>
                            <dl class="dropdown customer_service">
                                <dt><a href="#">服务中心</a></dt>
                                <dt><a href="#">联系客服</a></dt>
                            </dl>
                        </li>
                        <li class="drop">
                            <a href="#">网站导航</a>
                            <div class="dropdown site_navigation">
                                <div class="flexBox">
                                    <div class="navs_icon">
                                        <a href="#"><span>商城首页</span></a>
                                    </div>
                                    <div class="fl">
                                        <div class="title">频道</div>
                                        <a href="" class="list">华为专区</a>
                                        <a href="" class="list">企业购</a>
                                        <a href="" class="list">教育优惠</a>
                                        <a href="" class="list">HarmonyOS</a>
                                    </div>
                                    <div class="fl">
                                        <div class="title">产品</div>
                                        <a href="" class="list">手机</a>
                                        <a href="" class="list">笔记本</a>
                                        <a href="" class="list">平板</a>
                                        <a href="" class="list">智能穿戴</a>
                                        <a href="" class="list">智能家居</a>
                                        <a href="" class="list">智慧屏</a>
                                        <a href="" class="list">耳机音箱</a>
                                        <a href="" class="list">热销配件</a>
                                        <a href="" class="list">生态产品</a>
                                        <a href="" class="list">增值服务</a>
                                    </div>
                                    <div class="fl">
                                        <div class="title">增值服务</div>
                                        <a href="" class="list">以旧换新</a>
                                        <a href="" class="list">补购保障</a>
                                        <a href="" class="list">一口价换电池</a>
                                        <a href="" class="list">音频延保</a>
                                        <a href="" class="list">穿戴延保</a>
                                        <a href="" class="list">智慧屏全质保</a>
                                        <a href="" class="list">活动公告</a>
                                    </div>
                                    <div class="fl">
                                        <div class="title">会员</div>
                                        <a href="" class="list">会员频道</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="drop">
                            <a href="#">手机版</a>
                            <div class="dropdown mobile">
                                <div class="clearFix">
                                    <a href="#"><img src="./img/APP.webp" alt=""></a>
                                    <h2>华为商城APP</h2>
                                    <p>新人专享好礼<br>最高5000积分</p>
                                    <span class="span1"></span>
                                    <span class="span2"></span>
                                    <span class="span3"></span>
                                </div>
                                <div class="clearFix">
                                    <a href="#"><img src="./img/公众号.webp" alt=""></a>
                                    <h2>华为商城公众号</h2>
                                    <p>微信扫一扫</p>
                                    <span></span>
                                </div>
                                <div class="clearFix">
                                    <a href="#"><img src="./img/小程序.webp" alt=""></a>
                                    <h2>微信小程序</h2>
                                    <span></span>
                                </div>
                            </div>
                        </li>
                        <li class="drop shopping_cart">
                            <a href="#">购物车(0)</a>
                            <div class="dropdown cart">
                                <div class="main">
                                    <div class="cart_big">
                                        <img src="./img/cart-big.svg" alt="">
                                    </div>
                                    <div>您的购物车是空的，赶紧选购吧~</div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <nav>
        <div class="pc_width">
            <div class="main flexBox navTotal">
                <div class="logo"><img src="./img/logo_app.png" alt=""></div>
                <div class="toolBar flexBox">
                    <div class="all_categories">
                        <span class="flexBox">全部分类</span>
                    </div>
                    <div class="nav_first">华为专区</div>
                    <div>鸿蒙智联</div>
                    <div>莫塞尔</div>
                    <div>华为智选</div>
                    <div>HarmonyOS</div>
                    <div>特惠企采</div>
                    <div>教育购</div>
                </div>
                <div class="searchLogo"></div>
            </div>
            
            <!-- 点击全部分配-左侧导航 -->
            <div class="all_categories_leftNavBox" style="display:none;">
                <div class="leftNav">
                    <div class="main flexBox">
                        <div class="firstNav flexBox">
                            <div class="firstNavList flexBox phone">
                                <span class="left">手机</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more" style="display: block;">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img//phoneMore01.png" alt="">
                                            <span class="flexBox">Mate系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img//phoneMore02.webp" alt="">
                                            <span class="flexBox">P系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img//phoneMore03.webp" alt="">
                                            <span class="flexBox">Nova系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img//phoneMore04.png" alt="">
                                            <span class="flexBox">畅享系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img//phoneMore05.webp" alt="">
                                            <span class="flexBox">华为认证二手机</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox computer">
                                <span class="left">电脑</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore01.webp" alt="">
                                            <span class="flexBox">MateBook X系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore02.webp" alt="">
                                            <span class="flexBox">MateBook系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore03.webp" alt="">
                                            <span class="flexBox">MateBook D系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore04.webp" alt="">
                                            <span class="flexBox">MateBook E系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore05.webp" alt="">
                                            <span class="flexBox">商用电脑</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore06.webp" alt="">
                                            <span class="flexBox">显示器</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore07.webp" alt="">
                                            <span class="flexBox">台式机</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore08.webp" alt="">
                                            <span class="flexBox">打印机</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore09.png" alt="">
                                            <span class="flexBox">配件</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore10.jpg" alt="">
                                            <span class="flexBox">电脑包</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox pad">
                                <span class="left">平板</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/padMore01.webp" alt="">
                                            <span class="flexBox">MatePad Pro系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/padMore02.webp" alt="">
                                            <span class="flexBox">MatePad系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/padMore03.webp" alt="">
                                            <span class="flexBox">墨水平板</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/padMore04.webp" alt="">
                                            <span class="flexBox">MateBook E系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/padMore05.webp" alt="">
                                            <span class="flexBox">M系列和畅享平板</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/padMore06.webp" alt="">
                                            <span class="flexBox">商用平板</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/padMore07.png" alt="">
                                            <span class="flexBox">配件</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox smart_screen">
                                <span class="left">智慧屏</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore01.webp" alt="">
                                            <span class="flexBox">智慧屏V Pro</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore02.webp" alt="">
                                            <span class="flexBox">智慧屏V系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore03.webp" alt="">
                                            <span class="flexBox">华为智慧屏 SE MEMC</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore04.webp" alt="">
                                            <span class="flexBox">华为智慧屏 SE</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore05.png" alt="">
                                            <span class="flexBox">智慧屏S系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore06.webp" alt="">
                                            <span class="flexBox">学习智慧屏</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore07.webp" alt="">
                                            <span class="flexBox">商用智慧屏</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore08.png" alt="">
                                            <span class="flexBox">配件</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore09.webp" alt="">
                                            <span class="flexBox">办公协作大屏</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox wearing">
                                <span class="left">穿戴</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/wearing01.webp" alt="">
                                            <span class="flexBox">智慧科技</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/wearing02.webp" alt="">
                                            <span class="flexBox">经典全能</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/wearing03.webp" alt="">
                                            <span class="flexBox">专业极致</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/wearing04.webp" alt="">
                                            <span class="flexBox">时尚潮流</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/wearing05.webp" alt="">
                                            <span class="flexBox">健康守护</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/wearing06.webp" alt="">
                                            <span class="flexBox">商业穿戴</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/wearing07.webp" alt="">
                                            <span class="flexBox">配件</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox headphone_speakers">
                                <span class="left">耳机音箱</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/headphone_speakersMore01.webp" alt="">
                                            <span class="flexBox">真无线耳机</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/headphone_speakersMore02.jpg" alt="">
                                            <span class="flexBox">有线耳机</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/headphone_speakersMore03.webp" alt="">
                                            <span class="flexBox">智能耳机</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/headphone_speakersMore04.webp" alt="">
                                            <span class="flexBox">颈戴式耳机</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/headphone_speakersMore05.webp" alt="">
                                            <span class="flexBox">蓝牙音箱</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/headphone_speakersMore06.webp" alt="">
                                            <span class="flexBox">智能音箱</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox door_lock_routing">
                                <span class="left">门锁路由</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/door_lock_routingMore01.webp" alt="">
                                            <span class="flexBox">华为智能门锁</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/door_lock_routingMore02.webp" alt="">
                                            <span class="flexBox">精品路由</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/door_lock_routingMore03.webp" alt="">
                                            <span class="flexBox">移动路由</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/door_lock_routingMore04.webp" alt="">
                                            <span class="flexBox">全屋WIFI</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox fittings">
                                <span class="left">配件</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore01.webp" alt="">
                                            <span class="flexBox">充电器&线材</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore02.jpg" alt="">
                                            <span class="flexBox">移动电源</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore03.png" alt="">
                                            <span class="flexBox">自拍杆&支架</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore04.webp" alt="">
                                            <span class="flexBox">摄像机&镜头</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore05.png" alt="">
                                            <span class="flexBox">保护壳</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore06.png" alt="">
                                            <span class="flexBox">保护套</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore07.png" alt="">
                                            <span class="flexBox">贴膜</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore08.png" alt="">
                                            <span class="flexBox">个人电脑配件</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore09.jpg" alt="">
                                            <span class="flexBox">电脑包</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore10.png" alt="">
                                            <span class="flexBox">平板配件</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore11.png" alt="">
                                            <span class="flexBox">智慧屏配件</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore12.png" alt="">
                                            <span class="flexBox">穿戴配件</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox ecological_products">
                                <span class="left">生态产品</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">    
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/ecological_productsMore01.png" alt="">
                                            <span class="flexBox">运动健身</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/ecological_productsMore02.webp" alt="">
                                            <span class="flexBox">健身保健</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/ecological_productsMore03.png" alt="">
                                            <span class="flexBox">个护美妆</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/ecological_productsMore04.webp" alt="">
                                            <span class="flexBox">智能家居</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/ecological_productsMore05.webp" alt="">
                                            <span class="flexBox">影音娱乐</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/ecological_productsMore06.png" alt="">
                                            <span class="flexBox">户外出行</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/ecological_productsMore07.png" alt="">
                                            <span class="flexBox">数码周边</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/ecological_productsMore08.webp" alt="">
                                            <span class="flexBox">医疗保健</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox household_appliances">
                                <span class="left">家用电器</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore01.webp" alt="">
                                            <span class="flexBox">扫地清洁</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore02.webp" alt="">
                                            <span class="flexBox">空气净化器</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore03.webp" alt="">
                                            <span class="flexBox">厨电卫浴</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore04.webp" alt="">
                                            <span class="flexBox">净水器&热水器</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore05.webp" alt="">
                                            <span class="flexBox">智能门锁</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore06.webp" alt="">
                                            <span class="flexBox">摄像头安防</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore07.webp" alt="">
                                            <span class="flexBox">加湿&除湿&取暖</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore08.webp" alt="">
                                            <span class="flexBox">精选水杯</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore09.webp" alt="">
                                            <span class="flexBox">台灯&落地灯</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore10.webp" alt="">
                                            <span class="flexBox">灯饰照明</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore11.webp" alt="">
                                            <span class="flexBox">晾衣架&床&窗帘</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore12.webp" alt="">
                                            <span class="flexBox">插座&开关</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore13.webp" alt="">
                                            <span class="flexBox">电风扇</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox food_drinks">
                                <span class="left">美食酒饮</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/food_drinksMore01.webp" alt="">
                                            <span class="flexBox">甄选美酒</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/food_drinksMore02.webp" alt="">
                                            <span class="flexBox">严选良食</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/food_drinksMore03.webp" alt="">
                                            <span class="flexBox">进口生鲜</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/food_drinksMore04.webp" alt="">
                                            <span class="flexBox">精选好物</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox value_added">
                                <span class="left">增值服务/企业商用</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore01.png" alt="">
                                            <span class="flexBox">花币卡</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore02.webp" alt="">
                                            <span class="flexBox">手机延保</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore03.webp" alt="">
                                            <span class="flexBox">平板延保</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore04.webp" alt="">
                                            <span class="flexBox">笔记本延保</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore05.webp" alt="">
                                            <span class="flexBox">穿戴延保</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore06.webp" alt="">
                                            <span class="flexBox">音频延保</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore07.webp" alt="">
                                            <span class="flexBox">智慧屏全质保</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore08.webp" alt="">
                                            <span class="flexBox">门锁延保</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore09.webp" alt="">
                                            <span class="flexBox">路由器延保</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore10.webp" alt="">
                                            <span class="flexBox">焕新服务</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore11.webp" alt="">
                                            <span class="flexBox">惠修服务</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore12.webp" alt="">
                                            <span class="flexBox">商用安防</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore13.webp" alt="">
                                            <span class="flexBox">UPS电源</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore14.webp" alt="">
                                            <span class="flexBox">会议大屏</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore15.webp" alt="">
                                            <span class="flexBox">网络设备</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
            
        <div class="main flexBox searchDetail" style="display:none">
            <div class="top flexBox">
                <div class="search_detail">
                    <div class="search_input_container flexBox">
                        <div class="svg_logo flexBox"></div>
                        <div class="input">
                            <input type="text" placeholder="搜索商品">
                        </div>
                        <div class="close_logo"></div>
                    </div>
                </div>
                <div class="search_discovery">
                    <div class="search_discovery_container flexBox">
                        <div class="title flexBox">
                            <span>搜索发现</span>
                            <img src="./img/changeIt.png" alt="">
                        </div>
                        <div class="recommendList">
                            <ul class="flexBox">
                                <li>MateView SE</li>
                                <li>手机</li>
                                <li>筋膜枪</li>
                                <li>p50</li>
                                <li>手环</li>
                                <li>nova 8 pro</li>
                                <li>平板电脑</li>
                                <li>手环7</li>
                                <li>智能吉他</li>
                                <li>xs 2</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom"></div>
        </div>
    </nav>
    <main>
        <div class="index">
            <div class="pc_width">
                <div class="main">
                    <span>首页</span>
                    <span>></span>
                    <span>我的商城</span>
                </div>
            </div>
        </div>
        <!-- 登录注册 -->
        <section class="login_register">
            <div class="pc_width">
                <div class="main">
                    <div class="container flexBox">
                        <div class="avatar"></div>
                        <div class="username">lenahahh</div>
                        <div class="others flexBox">
                            <div class="integral flexBox">
                                <div class="text flexBox">
                                    <span>积分</span>
                                    <span>—</span>
                                </div>
                                <div class="logo"><img src="./img/Personal-Center_integral.png" alt=""></div>
                            </div>
                            <div class="coupons flexBox">
                                <div class="text flexBox">
                                    <span>优惠券</span>
                                    <span>—</span>
                                </div>
                                <div class="logo"><img src="./img/Personal-Center_coupons.png" alt=""></div>
                            </div>
                            <div class="vouchers flexBox">
                                <div class="text flexBox">
                                    <span>代金券</span>
                                    <span>—</span>
                                </div>
                                <div class="logo"><img src="./img/Personal-Center_vouchers.png" alt=""></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 我的订单 -->
        <section class="orders">
            <div class="pc_width">
                <div class="main flexBox">
                    <div class="title flexBox">
                        <div class="left_title flexBox">
                            <span class="chosen">我的订单</span>
                        </div>
                        <span class="right_title flexBox">全部订单</span>
                    </div>
                    <div class="moduleList flexBox">
                        <div class="flexBox">
                            <div class="icon flexBox"><img src="./img/待付款.png" alt=""></div>
                            <span>待付款</span>
                        </div>
                        <div class="flexBox">
                            <div class="icon flexBox"><img src="./img/待收货.png" alt=""></div>
                            <span>待收货</span>
                        </div>
                        <div class="flexBox">
                            <div class="icon flexBox"><img src="./img/待评价.png" alt=""></div>
                            <span>待评价</span>
                        </div>
                        <div class="flexBox">
                            <div class="icon flexBox"><img src="./img/退换退款.png" alt=""></div>
                            <span>退换退款</span>
                        </div>
                        <div class="flexBox">
                            <div class="icon flexBox"><img src="./img/小程序.png" alt=""></div>
                            <span>小程序</span>
                        </div>
                        <div class="flexBox">
                            <div class="icon flexBox"><img src="./img/回收单.png" alt=""></div>
                            <span>回收单</span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- 我的频道 -->
        <section class="channels">
            <div class="pc_width">
                <div class="main flexBox">
                    <div class="title flexBox">
                        <div class="left_title flexBox">
                            <span class="chosen">我的频道</span>
                        </div>
                        <!-- <span class="right_title flexBox">全部订单</span> -->
                    </div>
                    <div class="moduleList flexBox">
                        <div class="container flexBox">
                            <div class="icon flexBox"><img src="./img/Personal-Center_channel01.webp" alt=""></div>
                            <span>会员频道</span>
                        </div>
                        <div class="container flexBox">
                            <div class="icon flexBox"><img src="./img/Personal-Center_channel02.webp" alt=""></div>
                            <span>我的积分</span>
                        </div>
                        <div class="container flexBox">
                            <div class="icon flexBox"><img src="./img/Personal-Center_channel03.webp" alt=""></div>
                            <span>教育商店</span>
                        </div>
                        <div class="container flexBox">
                            <div class="icon flexBox"><img src="./img/Personal-Center_channel04.webp" alt=""></div>
                            <span>福利中心</span>
                        </div>
                        <div class="container flexBox">
                            <div class="icon flexBox"><img src="./img/Personal-Center_channel05.png" alt=""></div>
                            <span>企业购</span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- 服务工具 -->
        <section class="service_tools">
            <div class="pc_width">
                <div class="main flexBox">
                    <div class="title flexBox">
                        <div class="left_title flexBox">
                            <span class="chosen">服务工具</span>
                        </div>
                        <!-- <span class="right_title flexBox">全部订单</span> -->
                    </div>
                    <div class="moduleList flexBox">
                        <div class="container flexBox">
                            <div class="icon flexBox"><img src="./img/Personal-Center_service_tools01.webp" alt=""></div>
                            <span>自助服务</span>
                        </div>
                        <div class="container flexBox">
                            <div class="icon flexBox"><img src="./img/Personal-Center_service_tools02.webp" alt=""></div>
                            <span>收货地址</span>
                        </div>
                        <div class="container flexBox">
                            <div class="icon flexBox"><img src="./img/Personal-Center_service_tools03.webp" alt=""></div>
                            <span>以旧换新</span>
                        </div>
                        <div class="container flexBox">
                            <div class="icon flexBox"><img src="./img/Personal-Center_service_tools04.webp" alt=""></div>
                            <span>补购保障</span>
                        </div>
                        <div class="container flexBox">
                            <div class="icon flexBox"><img src="./img/Personal-Center_service_tools05.webp" alt=""></div>
                            <span>消息中心</span>
                        </div>
                        <div class="container flexBox">
                            <div class="icon flexBox"><img src="./img/Personal-Center_service_tools06.webp" alt=""></div>
                            <span>隐私设置</span>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        
        <!-- 猜你喜欢 -->
        <section class="sameType guess_you_like">
            <div class="pc_width">
                <div class="title flexBox">
                    <div class="left_title flexBox">
                        <span class="chosen">猜你喜欢</span>
                    </div>
                </div>
                <!-- 手机 -->
                <div class="phone">
                    <div class="main flexBox">
                        <div class="commodity flexBox hasTopTag">
                            <div class="good_picture flexBox"><img src="./img/blockbuster02.webp" alt=""></div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="tag">新品上市</div>
                                    <div class="good_title">华为畅享 50</div>
                                </div>
                                <div class="good_dept">新品预订省50元|晒单抽水杯</div>
                                <div class="good_price">
                                    <span class="new">¥1449</span>
                                    <span class="old">¥1499</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特惠</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                                <div class="evaluation flexBox">
                                    <span>7431人评价</span>
                                    <span>93%好评</span>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox hasTopTag">
                            <div class="good_picture flexBox"><img src="./img/phone02.webp" alt=""></div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="tag">价保618</div>
                                    <div class="good_title">HUAWEI Mate Xs 2</div>
                                </div>
                                <div class="good_dept">每天10:08限时抢购</div>
                                <div class="good_price">
                                    <span class="new">¥9999</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">赠送积分</div>
                                </div>
                                <div class="evaluation flexBox">
                                    <span>7431人评价</span>
                                    <span>93%好评</span>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox hasTopTag">
                            <div class="good_picture flexBox"><img src="./img/computer01.webp" alt=""></div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="tag">新品上市</div>
                                    <div class="good_title">华为畅享 50</div>
                                </div>
                                <div class="good_dept">新品预订省50元|晒单抽水杯</div>
                                <div class="good_price">
                                    <span class="new">¥1449</span>
                                    <span class="old">¥1499</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时特惠</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                                <div class="evaluation flexBox">
                                    <span>7431人评价</span>
                                    <span>93%好评</span>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox hasTopTag">
                            <div class="good_picture flexBox"><img src="./img/computer02.webp" alt=""></div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="tag">价保618</div>
                                    <div class="good_title">HUAWEI Mate Xs 2</div>
                                </div>
                                <div class="good_dept">每天10:08限时抢购</div>
                                <div class="good_price">
                                    <span class="new">¥9999</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">赠送积分</div>
                                </div>
                                <div class="evaluation flexBox">
                                    <span>7431人评价</span>
                                    <span>93%好评</span>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox hasTopTag">
                            <div class="good_picture flexBox"><img src="./img/smart_wear01.webp" alt=""></div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI WATCH GT 3 Pro</div>
                                </div>
                                <div class="good_dept">新品上市|预订优惠50</div>
                                <div class="good_price">
                                    <span class="new">¥2488</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                                <div class="evaluation flexBox">
                                    <span>7431人评价</span>
                                    <span>93%好评</span>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox hasTopTag">
                            <div class="good_picture flexBox"><img src="./img/smart_wear02.webp" alt=""></div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI WATCH GT 3</div>
                                </div>
                                <div class="good_dept">预订优惠200元 | 享3期免息</div>
                                <div class="good_price">
                                    <span class="new">¥1588</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                                <div class="evaluation flexBox">
                                    <span>7431人评价</span>
                                    <span>93%好评</span>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox hasTopTag">
                            <div class="good_picture flexBox"><img src="./img/earphone01.webp" alt=""></div>
                            <div class="top_tag">
                                <span>新品优惠30元丨3期免息</span>
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="tag">新品上市</div>
                                    <div class="good_title">HUAWEI Freebuds 5i</div>
                                </div>
                                <div class="good_dept">Hi-Res高解析音质</div>
                                <div class="good_price">
                                    <span class="new">¥569</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">限时直降</div>
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox hasTopTag">
                            <div class="good_picture flexBox"><img src="./img/earphone02.webp" alt=""></div>
                            <div class="top_tag">
                                <span>拼团省100元丨3期免息</span>
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI FreeBuds Pro 无线耳机</div>
                                </div>
                                <div class="good_dept">空气感智能佩戴</div>
                                <div class="good_price">
                                    <span class="new">¥699</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox hasTopTag">
                            <div class="good_picture flexBox"><img src="./img/earphone03.webp" alt=""></div>
                            <div class="top_tag">
                                <span>享3期免息</span>
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI WATCH 3 Pro</div>
                                </div>
                                <div class="good_dept">智能动态降噪</div>
                                <div class="good_price">
                                    <span class="new">¥899</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                        <div class="commodity flexBox hasTopTag">
                            <div class="good_picture flexBox"><img src="./img/earphone04.webp" alt=""></div>
                            <div class="top_tag">
                                <span>享6期免息</span>
                            </div>
                            <div class="good_info text_ellipsis">
                                <div class="tag_title flexBox">
                                    <div class="good_title">HUAWEI FreeBuds Lipstick</div>
                                </div>
                                <div class="good_dept">奢享品质 舒适佩戴</div>
                                <div class="good_price">
                                    <span class="new">¥1699</span>
                                </div>
                                <div class="bottom_tag flexBox">
                                    <div class="tag">分期免息</div>
                                    <div class="tag">赠送积分</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        
        <section class="end">已加载全部</section>
        <section class="end"></section>

        
        <!-- 侧边导航栏 -->
        <aside style="display: none;">
            <div class="main flexBox">
                <a href="#" class="back_to_the_top" id="back_to_the_top" style="display: block;">返回顶部</a>
            </div>
        </aside>
    </main>
    <footer>
        <div class="pc_width">
            <div class="service">
                <div class="main flexBox">
                    <div>
                        <img src="./img/footer_service_1.webp" alt="">
                        <span>百强企业 品质保证</span>
                    </div>
                    <div>
                        <img src="./img/footer_service_2.webp" alt="">
                        <span>7天退货 15天换货</span>
                    </div>
                    <div>
                        <img src="./img/footer_service_3.webp" alt="">
                        <span>48元起免运费</span>
                    </div>
                    <div>
                        <img src="./img/footer_service_4.webp" alt="">
                        <span>2000家服务店 全国联保</span>
                    </div>
                </div>
            </div>
            <div class="help">
                <div class="main flexBox">
                    <div class="leftBar flexBox">
                        <div class="ordinary flexBox">
                            <dl class="s1">
                                <dt><p class="help_title">购物指南</p></dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">免息分期</a></li>
                                        <li><a href="#">以旧换新</a></li>
                                        <li><a href="#">众测活动</a></li>
                                        <li><a href="#">企业购</a></li>
                                        <li><a href="#">O2O采购</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            <dl class="s2">
                                <dt><p class="help_title">售后服务</p></dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">门店维修</a></li>
                                        <li><a href="#">保修政策</a></li>
                                        <li><a href="#">防伪查询</a></li>
                                        <li><a href="#">退换货政策</a></li>
                                        <li><a href="#">手机寄修服务</a></li>
                                        <li><a href="#">维修备件价格查询</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            <dl class="s3">
                                <dt><p class="help_title">维修与技术支持</p></dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">服务店</a></li>
                                        <li><a href="#">预约维修</a></li>
                                        <li><a href="#">手机寄修</a></li>
                                        <li><a href="#">备件价格查询</a></li>
                                        <li><a href="#">上门服务</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            <dl class="s4">
                                <dt><p class="help_title">特色服务</p></dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">防伪查询</a></li>
                                        <li><a href="#">补购保障</a></li>
                                        <li><a href="#">以旧换新</a></li>
                                        <li><a href="#">礼品包装</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            <dl class="s5">
                                <dt><p class="help_title">关于我们</p></dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">公司介绍</a></li>
                                        <li><a href="#">华为零售店</a></li>
                                        <li><a href="#">商家中心</a></li>
                                        <li><a href="#">意见反馈</a></li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                        <div class="animated">
                            <div class="flexBox">
                                <p class="title">友情链接</p>
                                <div class="leftBtn" id="leftBtn" onclick="last()"></div>
                                <div class="rightBtn" id="rightBtn" onclick="next()"></div>
                            </div>
                            <div class="link_wrap">
                                <div class="service_list flexBox" id="service_list">
                                    <ul>
                                        <li><a href="#">华为集团</a></li>
                                        <li><a href="#">华为CBG官网</a></li>
                                        <li><a href="#">花粉俱乐部</a></li>
                                        <li><a href="#">华为云</a></li>
                                        <li><a href="#">华为应用市场</a></li>
                                    </ul>
                                    <ul>
                                        <li><a href="#">华为心声社区</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="rightBar">
                        <div class="phoneNumber">950805</div>
                        <div class="phoneDesp">7 x 24 小时客服热线 (仅收市话费)</div>
                        <div class="callBtn flexBox">
                            <span>在线客服</span>
                        </div>
                        <div class="others flexBox">
                            <h2>关注VMALL：</h2>
                            <ul>
                                <li class="iconfont">
                                    <a href="#"></a>
                                    <div class="hiddenImgBox"><img src="./img/公众号.webp" alt=""></div>
                                </li>
                                <li class="iconfont"><a href="#"></a></li>
                                <li class="iconfont"><a href="#"></a></li>
                                <li class="iconfont"><a href="#"></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="copyright">
                <div class="main flexBox">
                    <div class="logo">
                        <img src="./img/footer_logo_app.png" alt="">
                    </div>
                    <div class="fl">
                        <ul class="warrant_link">
                            <li><a href="#">华为集团</a></li>
                            <li><a href="#">华为CBG官网</a></li>
                            <li><a href="#">花粉俱乐部</a></li>
                            <li><a href="#">华为应用市场</a></li>
                            <li><a href="#">HarmonyOS</a></li>
                            <li><a href="#">华为终端云空间</a></li>
                            <li><a href="#">开发者联盟</a></li>
                            <li><a href="#">华为商城手机版</a></li>
                            <li><a href="#">网站地图</a></li>
                        </ul>
                        <a href="#">隐私声明</a>
                        <a href="#">服务协议</a>
                        <a href="#">COOKIES</a>
                        <span> Copyright © 2012-2022 华为终端有限公司 版权所有 </span>
                        <a href="#">粤ICP备19015064号</a> |
                        <a href="#">粤公网安备 44190002003939号</a>
                        <br>
                        <span>增值电信业务经营许可证：粤B2-20190762 | </span>
                        <span>备案主体编号：44201919072182 | </span>
                        <span>粤新出网备（2021）2号 |</span>
                        <span>（粤）网械平台备字[2022]第00005号</span>
                        <br>
                        <a href="#">互联网药品信息服务资格证（粤）-非经营性-2020-0102</a> |
                        <a href="#">粤东食药监械经营备20203930</a>
                        <span> | 广东省网络食品交易第三方平台备案：GDWS10168</span>
                    </div>
                    <div class="warrant"><img src="./img/Electronic-business-license.png" alt=""></div>
                </div>
            </div>
        </div>
    </footer>



    
    <script type="text/javascript" src="./js/footer.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/less@4" ></script>
    <!-- <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js" ></script> -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

    
    <!-- 返回顶部-显示-隐藏 -->
    <script type="text/javascript" src="./js/aside.js"></script>

    <!-- 滚轮监听 -->
    <script>
        $(window).scroll(function(){
            var top = $(window).scrollTop();
            
            if(top >= 500){
                // 显示返回顶部按钮
                $('aside').css('display','block');
            }
            else{
                // 隐藏返回顶部按钮
                $('aside').css('display','none');
            }
        })
    </script>


    <!-- 全部分类btn -->
    <script text="text/javascript" src="/js/nav.js"></script>
    
    <script>
        // 全部分类 list hover
        $('.firstNavList').hover(function(){
            $(this).children('.secondNav').css('display','block');
            $(this).siblings().children('.secondNav').css('display','none');
        })
        
        // 页面跳转
        
        $('.logo').click(function(){
            $(location).attr('href','index.html');
        })
        $('.commodity').click(function(){
            $(location).attr('href','Product-Details.html');
        })
        $('.nav_first').click(function(){
            $(location).attr('href','Category.html');
        })
    </script>
</body>
</html>